.electronic_contract {
  min-height: 10rem;
  border-bottom: 1px #ccc solid;
  text-align: center;
  line-height: 10rem;
}

.md-button.block {
  width: 70%;
  margin: 20px auto;
}

.md-button.warning {
  background-color: #ff0a13;
  color: #fff;
}

.g-header {
  background-color: #ccc;
  position: relative;
  padding: 40px 0.2rem 0;
}

.g-header .g-tag {
  position: absolute;
  right: -10px;
  top: 0;
}

.g-header .g-name {
  text-align: center;
  margin-bottom: 0.4rem;
}

.g-header .g-name b {
  display: inline-block;
  font-size: 0.8rem;
  padding: 0.2rem;
  margin-bottom: 0.2rem;
}

.g-header .g-name span {
  color: grey;
}

.g-header .g-limit {
  text-align: center;
  margin-bottom: 0.4rem;
}

.g-header .g-limit p {
  font-size: 30px;
}

.g-header .g-limit p b {
  color: red;
  font-size: 0.9rem;
}

.g-header .g-trait {
  display: flex;
}

.g-header .g-trait div {
  flex: 1;
  flex-wrap: nowrap;
  text-align: center;
  padding: .2rem 0 .4rem;
}

.g-header .g-trait div .g-img {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: grey;
  border-radius: 50%;
}

.g-time {
  text-align: center;
  padding-top: .3rem;
}

.g-time .g-time-name {
  font-size: 30px;
}

.g-button {
  padding: .2rem;
}

.g-tip {
  padding: .2rem;
  font-size: 25px;
  color: grey;
}

.g-tip b {
  font-size: 30px;
}
